<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 百度搜索引擎的优化三大元素 title -->
    <title>品优购-购物者的天堂、安全可靠、正品低价!</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />

    <link rel="stylesheet" href="css/base.css">
    <!-- 引入模块化开发 -->
    <link rel="stylesheet" href="css/common.css">

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 导航栏 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您!&nbsp;&nbsp;&nbsp;</li>
                    <li><a href="#">请登录</a>&nbsp;&nbsp;&nbsp;<a id="register" href="#">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow-icon">我的品优购</li>
                    <li></li>
                    <li>品优购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow-icon">关注品优购</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>


    <header class="header w">
        <div class="logo"><img src="images/logo.png" alt="logo"></div>
        <div class="sreach">
            <input type="sreach" placeholder="JAVA语言" /><button>搜索</button>
        </div>
        <div class="hotwords">
            <a href="#" class="style_red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">美满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>
        <div class="shopcar">
            我的购物车
            <i class="count">8</i>
        </div>
    </header>

    <nav class="list">
        <div class="w">
            <div class="list01">全部商品分类</div>
            <div class="list02">
                <ul>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">服装城</a></li>
                </ul>

            </div>

        </div>


    </nav>


    <div class="w">
        <div class="listS">
            <ul>
                <li><a href="#">家用电器</a> </li>
                <li><a href="list.html">手机</a>、 <a href="#">数码</a>、<a href="#">通信</a> </li>
                <li><a href="#">电脑、办公</a> </li>
                <li><a href="#">家居、家具、家装、厨具</a> </li>
                <li><a href="#">男装、女装、童装、内衣</a> </li>
                <li><a href="#">个户化妆、清洁用品、宠物</a> </li>
                <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a> </li>
                <li><a href="#">运动户外、钟表</a> </li>
                <li><a href="#">汽车、汽车用品</a> </li>
                <li><a href="#">母婴、玩具乐器</a> </li>
                <li><a href="#">食品、酒类、生鲜、特产</a> </li>
                <li><a href="#">医药保健</a> </li>
                <li><a href="#">图书、音像、电子书</a> </li>
                <li><a href="#">彩票、旅行、充值、票务</a> </li>
                <li><a href="#">理财、众筹、白条、保险</a> </li>
            </ul>
        </div>


        <div class="bj">
            <img src="upload/focus1.png" alt="">

        </div>

        <div class="clb">
            <div class="clb-s">
                <div class="clb-s-s">
                    <a href="#">更多&nbsp;&gt;</a>
                </div>
                <div class="clb-s-x">
                    <ul>
                        <li><a href="#"><strong>[重磅]</strong> 它来了它来了，pink老师走来了, 它是谁？</a></li>
                        <li><a href="#"><strong>[重磅]</strong> 它来了它来了，pink老师走来了, 它是谁？</a></li>
                        <li><a href="#"><strong>[重磅]</strong> 它来了它来了，pink老师走来了, 它是谁？</a></li>
                        <li><a href="#"><strong>[重磅]</strong> 它来了它来了，pink老师走来了, 它是谁？</a></li>
                        <li><a href="#"><strong>[重磅]</strong> 它来了它来了，pink老师走来了, 它是谁？</a></li>
                    </ul>
                </div>
            </div>
            <div class="clb-z">
                <ul>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                    <li>
                        <i></i>
                        <p>话费</p>
                    </li>
                </ul>
            </div>
            <div class="clb-x">
                <img src="upload/bargain.png" alt="">

            </div>

        </div>

        <div class="nav-zj">
            <div class="nav-zj-left"></div>
            <ul>
                <li class="zj-1"><img src="images/recom.png"></li>
                <li><img src="upload/recom_03.jpg"></li>
                <li><img src="upload/recom_03.jpg"></li>
                <li><img src="upload/recom_03.jpg"></li>
                <li><img src="upload/recom_03.jpg"></li>
            </ul>
        </div>

        <div class="box-super">
            <div class="list-a">
                <span style="font-size: 18px;color: brown;">
                家用电器
            </span>
                <div class="list-a-x">
                    <ul>
                        <li>
                            <a href="#">热门</a>
                        </li>
                        <li>
                            <a href="#">大家电</a>
                        </li>
                        <li>
                            <a href="#">生活电器</a>
                        </li>
                        <li>
                            <a href="#">厨房电器</a>
                        </li>
                        <li>
                            <a href="#">生活电器</a>
                        </li>
                        <li>
                            <a href="#">个护健康</a>
                        </li>
                        <li>
                            <a href="#">应季电器</a>
                        </li>
                        <li>
                            <a href="#">空气/净水</a>
                        </li>
                        <li>
                            <a href="#">新奇特</a>
                        </li>
                        <li class="list-jw">
                            <a href="#">高端电器</a>
                        </li>
                    </ul>

                </div>

            </div>
            <div class="goods">
                <div class="col-1">
                    <ul>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                    </ul>
                    <div>
                        <img src="upload/floor-1-1.png" alt="">
                    </div>
                </div>
                <div class="col-2">
                    <img src="upload/floor-1-b01.png" alt="">
                </div>

                <div class="col-3">
                    <div>
                        <img src="upload/floor-1-2.png" alt="">
                    </div>
                    <div>
                        <img src="upload/floor-1-3.png" alt="">
                    </div>
                </div>
                <div class="col-4">
                    <img src="upload/floor-1-4.png" alt="">
                </div>
                <div class="col-5">
                    <div>
                        <img src="upload/floor-1-5.png" alt="">
                    </div>
                    <div>
                        <img src="upload/floor-1-6.png" alt="">
                    </div>
                </div>

            </div>

        </div>


        <div class="box-super">
            <div class="list-a">
                <span style="font-size: 18px;color: brown;">
                    手机通讯
            </span>
                <div class="list-a-x">
                    <ul>
                        <li>
                            <a href="#">热门</a>
                        </li>
                        <li>
                            <a href="#">大家电</a>
                        </li>
                        <li>
                            <a href="#">生活电器</a>
                        </li>
                        <li>
                            <a href="#">厨房电器</a>
                        </li>
                        <li>
                            <a href="#">生活电器</a>
                        </li>
                        <li>
                            <a href="#">个护健康</a>
                        </li>
                        <li>
                            <a href="#">应季电器</a>
                        </li>
                        <li>
                            <a href="#">空气/净水</a>
                        </li>
                        <li>
                            <a href="#">新奇特</a>
                        </li>
                        <li class="list-jw">
                            <a href="#">高端电器</a>
                        </li>
                    </ul>

                </div>

            </div>
            <div class="goods">
                <div class="col-1">
                    <ul>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                        <li><a href="">节能补贴</a></li>
                    </ul>
                    <div>
                        <img src="upload/floor-1-1.png" alt="">
                    </div>
                </div>
                <div class="col-2">
                    <img src="upload/floor-1-b01.png" alt="">
                </div>

                <div class="col-3">
                    <div>
                        <img src="upload/floor-1-2.png" alt="">
                    </div>
                    <div>
                        <img src="upload/floor-1-3.png" alt="">
                    </div>
                </div>
                <div class="col-4">
                    <img src="upload/floor-1-4.png" alt="">
                </div>
                <div class="col-5">
                    <div>
                        <img src="upload/floor-1-5.png" alt="">
                    </div>
                    <div>
                        <img src="upload/floor-1-6.png" alt="">
                    </div>
                </div>

            </div>

        </div>



    </div>


    <footer>
        <div class="w">
            <div class="f-s">
                <ul>
                    <li>
                        <h5></h5>
                        <div>
                            <h3> 正品保障</h3>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <h5></h5>
                        <div>
                            <h3> 正品保障</h3>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <h5></h5>
                        <div>
                            <h3> 正品保障</h3>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <h5></h5>
                        <div>
                            <h3> 正品保障</h3>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="f-z">
                <div class="f-z-1">
                    <ul>
                        <h3>服务指南</h3>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行/团购</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="f-z-1">
                    <ul>
                        <h3>服务指南</h3>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行/团购</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="f-z-1">
                    <ul>
                        <h3>服务指南</h3>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行/团购</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="f-z-1">
                    <ul>
                        <h3>服务指南</h3>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行/团购</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="f-z-1">
                    <ul>
                        <h3>服务指南</h3>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行/团购</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="f-z-1">
                    <h3>帮助中心</h3>
                    <img src="/品优购/images/wx_cz.jpg" alt="">
                    <br>
                    <span>品优购客户端</span>
                </div>


            </div>
            <div class="f-x">

                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U
                </div>
                <span>
                        地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
京ICP备08001421号京公网安备110108007702
                    </span>
            </div>
        </div>


    </footer>

</body>

</html>